<template>
	<basic-container>
		<div class="wel">
			<basic-block
				:width="width"
				:height="height"
				icon="el-icon-platform-eleme"
				text="开始菜单1"
				time="1"
				background="/img/bg3.jpg"
				color="#d56259"></basic-block>
			<basic-block
				:width="width"
				:height="height"
				icon="el-icon-eleme"
				text="开始菜单2"
				time="2"
				background="/img/bg2.jpg"
				color="#419ce7"></basic-block>
			<basic-block :width="width" :height="height" icon="el-icon-delete-solid" text="开始菜单3" time="3" color="#56b69b"></basic-block>
			<basic-block :width="width" :height="height" icon="el-icon-delete" text="开始菜单4" time="4" color="#d44858"></basic-block>
			<basic-block :width="width" :height="height" icon="el-icon-s-tools" text="开始菜单5" time="5" color="#3a1f7e"></basic-block>
			<basic-block
				:width="410"
				:height="height"
				icon="el-icon-setting"
				text="开始菜单6"
				time="6"
				background="/img/bg1.jpg"
				dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"
				color="#422829"></basic-block>
			<basic-block :width="width" :height="height" icon="el-icon-user-solid" text="开始菜单7" time="7" color="#613cbd"></basic-block>
			<basic-block :width="width" :height="height" icon="el-icon-star-off" text="开始菜单8" time="8" color="#da542e"></basic-block>
			<basic-block :width="width" :height="height" icon="el-icon-goods" text="开始菜单9" time="9" color="#2e8aef"></basic-block>
			<basic-block :width="width" :height="height" icon="el-icon-circle-check" text="开始菜单10" time="10" color="#3d17b8"></basic-block>
			<basic-block :width="width" :height="height" icon="el-icon-s-platform" text="开始菜单11" time="11" color="#e31462"></basic-block>
			<basic-block :width="width" :height="height" icon="el-icon-s-fold" text="开始菜单12" time="12" color="#d9532d"></basic-block>
			<basic-block
				:width="410"
				:height="height"
				icon="el-icon-s-open"
				text="开始菜单13"
				time="13"
				dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"
				color="#b72147"></basic-block>
			<basic-block :width="width" :height="height" icon="el-icon-s-flag" text="开始菜单14" time="14" color="#01a100"></basic-block>
			<basic-block :width="width" :height="height" icon="el-icon-s-data" text="开始菜单15" time="15" color="#0c56bf"></basic-block>
			<basic-block :width="width" :height="height" icon="el-icon-s-grid" text="开始菜单16" time="16" color="#0098a9"></basic-block>
			<basic-block
				:width="width"
				:height="height"
				icon="el-icon-s-release"
				text="开始菜单17"
				time="17"
				background="/img/bg2.jpg"
				color="#209bdf"></basic-block>
			<basic-block
				:width="width"
				:height="height"
				icon="el-icon-s-home"
				text="开始菜单18"
				time="18"
				background="/img/bg3.jpg"
				color="#603bbc"></basic-block>
			<basic-block
				:width="515"
				:height="height"
				icon="el-icon-s-promotion"
				text="开始菜单19"
				time="19"
				dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"
				color="#009bad"></basic-block>
			<basic-block
				:width="515"
				:height="height"
				icon="el-icon-s-custom"
				text="开始菜单20"
				time="20"
				background="/img/bg4.jpg"
				dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"
				color="#d74e2a"></basic-block>
		</div>
	</basic-container>
</template>

<script lang="ts" setup>
const width = 200;
const height = 120;
</script>

<style lang="scss">
.wel {
	display: flex;
	flex-wrap: wrap;
	width: 1100px;
	margin: 0 auto;
}
</style>
